<template>
    <div class="footer_container">

        <div class="block_wrap c3">
            <div class="footer_wrap">
                <div class="content_wrap">
                    <!-- <div class="left_wrap">
                        <div v-for="item in menus" :key="item.id" class="menu_item_wrap">
                            <div class="cate">{{ item.name }}</div>
                            <div class="menus">
                                <div class="item" v-for="o in item.children">
                                    <router-link target="_blank" :to="o.url?o.url:'/'">
                                    {{ o.name }}
                                    </router-link>
                                </div>
                            </div>
                        </div>
                        <div class="menu_item_wrap">
                            <div class="cate">快速链接</div>
                            <div class="menus">
                                <router-link target="_blank" to="/case">
                                    <div class="item">案例展示</div>
                                </router-link>
                                <router-link target="_blank" to="/news">
                                    <div class="item">新闻中心</div>
                                </router-link>
                                <a href="https://www.whizen.co.jp" target="_blank">
                                    <div class="item">华智日本株式会社</div>
                                </a>
                            </div>
                        </div>
                    </div> -->
                    <div class="right_wrap">
                        <!-- <div class="logo">
                            <img :src="p9"/>
                        </div> -->
                        <div class="tel">{{$t('p1.footer.contact.tel')}}：+86-20-3205-3456</div>
                        <div class="addr">{{$t('p1.footer.contact.addr')}}</div>
                        <div class="fourc">{{$t('p1.footer.contact.follow')}}</div>
                        <div class="ercode">
                            <img :src="p4"/>
                        </div>
                    </div>
                </div>
            </div>
                <div class="site_wrap">
                    <span>
                        {{$t('p1.footer.back.b1')}}
                        <br><a href="https://beian.miit.gov.cn/#/Integrated/recordQuery">{{$t('p1.footer.back.b2')}}</a>
                    </span>
                </div>
        </div>

    </div>
</template>
<script>
// import p1 from '@/assets/images/wi/1.png'
// import p2 from '@/assets/images/wi/2.png'
// import p3 from '@/assets/images/wi/3.png'
import p4 from '@/assets/images/wi/4.png'
// import p5 from '@/assets/images/wi/5.png'
// import p6 from '@/assets/images/wi/6.png'
// import p7 from '@/assets/images/wi/7.png'
// import p8 from '@/assets/images/wi/8.png'
import p9 from '@/assets/images/wi/9.png'
import { getStore } from '@/libs'
export default {
    name: "index",
    components: {
    },
    data() {
        return {
            // p1,p2,p3,p4,p5,p6,p7,p8,p9,
            p4,p9,

            menus: []
        }
    },

    created() {
        this.getListWithTree()
    },
    mounted() {

    },
    methods: {
        /**
         * 获取数据
         */
        async getListWithTree() {
            let terminal = 2
            let country = 1

            // 切换语言
            if(getStore({name: 'language'}) === 'jp') {
                country = 2
            }
            const res = await this.$http({
                url: '/api/sitenav/listWithTree',
                method: 'GET',
                params: {country}
            })
            if (this.ResultMessage(res, false)) {
                // if(res.data) {
                //     this.menus = res.data
                // }

                res.data.forEach(item => {
                    if(item.children != null && item.children.length > 0) {
                        this.menus.push(item)
                    }
                })
            }
        },
    }
};
</script>

<style lang="scss" scope>
@import './index.scss';
</style>
